{include file="public/header"}

	<!-- 轮播图 -->
	<div class="layui-carousel" id="carousel">
	  <div carousel-item>
	  	{volist name="lbs" id="vo"}
	    <a href="{$vo.link}"><img src="/static/upload/system/{$vo.thumb}"></a>
	    {/volist}
	  </div>
	</div>
	<!-- 搜索找房 -->
	<div class="search layui-col-xs10 layui-col-md-offset1">
		<form action="{:url('index/renter/select')}" method='post'>
		<input type="text" name="av" placeholder="输入区域、小区名" autocomplete="off" class="layui-col-xs8">
		<input style="width:140px;height:50px;background:#ff3366;margin-left:40px;" type='submit' class='layui-btn' value='开始找房'>
		</form>
		<p>
			<span>时代广场</span>
			<span>金色领域</span>
			<span>莲花小区</span>
		</p>
	</div>
	<!-- 条件搜索 -->
	<ul class="tiaojian layui-col-xs10 layui-col-md-offset1">
		<li>
			<p>区域</p>
			<span><a href="{:url('index/renter/selected')}?area=2">武进区</a></span>
			<span><a href="{:url('index/renter/selected')}?area=4">钟楼区</a></span>
			<span><a href="{:url('index/renter/selected')}?area=3">新北区</a></span>
		</li>
		<li>
			<p>价格</p>
			<span><a href="{:url('index/renter/selected')}?price=lt1500">1500以下</a></span>
			<span><a href="{:url('index/renter/selected')}?price=lt2000">1500-2000</a></span>
			<span><a href="{:url('index/renter/selected')}?price=lt3000">2000-3000</a></span>
		</li>
		<li>
			<p>类型</p>
			<span><a href="{:url('index/renter/selected')}?state=整租">整租</a></span>
			<span><a href="{:url('index/renter/selected')}?state=合租">合租</a></span>
		</li>
	</ul>
	<!-- 间隔 -->
	<div class="jg"></div>
	<!-- 推荐房源 -->
	<div class="tuijian">
		<div class="search layui-col-xs10 layui-col-md-offset1">
			<p class="q1">推荐房源</p>
			<p class="q2">精选优质房源，经过严格审核，实拍房源照片，居住安全可靠</p>
			<a style="position:absolute;right:50px;top:50px;color:#555555;" href="{:url('index/renter/select')}">查看更多</a>
			<ul class="house">
				{volist name="data" id="vo"}
				<a href="{:url('index/renter/details')}?rid={$vo.rid}"><li>
					<img style="width:360px;height:270px;" src="/static/upload/owner/{$vo.thumb}">
					<p style="color:#ff3366;font-size:22px;margin:20px 0 0 40px;">{$vo.price}元/月</p>
					<b><p style="color:#212121;font-size:16px;margin:10px 0 20px 40px;">{$vo.name} | <span style="color:#555555;font-size:14px;">{$vo.desc2}</span></p></b>
				</li></a>
				{/volist}
			</ul>
		</div>
	</div>
	<!-- 间隔 -->
	<div class="jg"></div>
	<!-- 业主房源委托 -->
	<div class="weituo">
		<div class="search layui-col-xs10 layui-col-md-offset1">
			<p class="q1">业主房源委托</p>
			<p class="q2">【 做个省心省力，省时省事的安心房东 】</p>
			<ul class="layui-col-md-offset1">
				<li><span>发起委托</span><i class="layui-icon">&#xe623;</i></li>
				<li><span>实勘估价</span><i class="layui-icon">&#xe623;</i></li>
				<li><span>完成签约</span><i class="layui-icon">&#xe623;</i></li>
				<li><span>设计改造</span><i class="layui-icon">&#xe623;</i></li>
				<li><span>坐享收益</span></li>
			</ul>
		<a href="javascript:;" class="layui-btn new_wt" style="background:#ff3366;margin-top:40px;position:absolute;right:100px;top:20px;">立即委托</a>
		</div>
	</div>
	<!-- 间隔 -->
	<div class="jg"></div>
	<!-- 爱租服务 -->
	<div class="fuwu">
		<div class="search layui-col-xs10 layui-col-md-offset1">
			<p class="q1">爱租服务</p>
			<p class="q2">为您提供全方位管家式的优质服务，找房、入住、租后统统交给贴心管家，让生活简单有趣</p>
			<a style="position:absolute;right:50px;top:50px;color:#555555;" href="{:url('index/service/index')}">查看更多</a>
			<div class="left">
				<div>
					<b><p class="q3">选房</p></b>
					<p class="q4">一键呼叫管家，在线选房，即时看房</p>
				</div>
				<div>
					<b><p class="q3">签约</p></b>
					<p class="q4">线下签约合同，电子签约，在线交租</p>
				</div>
				<div>
					<b><p class="q3">租后</p></b>
					<p class="q4">一键呼叫管家，在线选房，即时看房</p>
				</div>
				<div>
					<b><p class="q3">自助服务</p></b>
					<p class="q4">入住须知，租住公约，保洁服务，智能锁使用，维修服务，解约流程</p>
				</div>
			</div>
			<div class="right">
				<img src="/static/upload/system/s2.jpg">
			</div>
		</div>
	</div>
	<!-- 间隔 -->
	<!-- <div class="jg"></div> -->
	<!-- 爱租社区 -->
	<!-- <div class="shequ">
		<div class="search layui-col-xs10 layui-col-md-offset1">
			<p class="q1">爱租社区</p>
			<p class="q2">找到你的租客部落，加入你的兴趣社群，赶走无聊生活，一起造趣</p>
			<a style="position:absolute;right:50px;top:50px;color:#555555;" href="{:url('index/club/index')}">查看更多</a>
			<div class="sleft">
				
			</div>
			<div class="sright">
				
			</div>
		</div>
	</div> -->
	<!-- 间隔 -->
	<div class="jg"></div>
	<!-- 补充 -->
	<div class="add">
		<div class="layui-col-xs10 layui-col-md-offset1">
			<img src="_img_/add.png">
		</div>
	</div>
	<!-- 间隔 -->
	<div class="jg"></div>

{include file="public/footer"}
<script type="text/javascript">
	//立即委托
	$('.new_wt').click(function(){
		layer.open({
			type:2,
			title:false,
			content:['{:url('index/owner/owner_ask')}','no'],
			area:['400px','500px'],
			closeBtn:0
		})
	});


	$('#foot_link2').click(function(){
		layer.tips('<p class="flink"><span>热门区域</span><a href="">武进区1</a><a href="">武进区2</a><a href="">武进区3</a><a href="">武进区4</a><a href="">武进区5</a></p><p class="flink"><span>热门公寓</span><a href="">文渊楼1</a><a href="">文渊楼2</a><a href="">文渊楼3</a><a href="">文渊楼4</a><a href="">文渊楼5</a></p>', '#foot_link2',{tips:[3,'#ffffff'],area:['430px','90px'],time:100000});
	});
	$('.f2').click(function(){
		layer.closeAll();
	});

	// 轮播
	layui.use('carousel', function(){
	  var carousel = layui.carousel;
	  carousel.render({
	    elem: '#carousel',
	    width: '100%',
	    height: '450px',
	    interval: '3000',	//自动切换时间
	    indicator: 'none',	//指示器显示
	    arrow: 'hover' //悬停显示箭头
	    //anim: 'updown' //切换动画方式
	  });
	  
	  layui.use('element', function(){
		  var element = layui.element;
		});

	});

	
</script>
</body>
</html>